<template>
  <div style="padding: 28px;">
    <div style="display: flex;justify-content: space-between;">
      <div
        style="width: 24%;height: 160px;background: #FFFFFF;padding: 20px 32px;"
      >
        
      </div>
      <div
        style="width: 24%;height: 160px;background: #FFFFFF;padding: 20px 32px;"
      >
       
      <div
        style="width: 24%;height: 160px;background: #FFFFFF;padding: 20px 32px;"
      >
       
      <div
        style="width: 24%;height: 160px;background: #FFFFFF;padding: 20px 32px;"
      >
      
       
    </div>

    <!-- <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 74.5%;height: 391px;background: #FFFFFF;">
        <TrainingPersonnel></TrainingPersonnel>
      </div>
      <div style="width: 24%;height: 391px;background: #FFFFFF;">
        <SchoolType></SchoolType>
      </div>
    </div> -->

    <!-- <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div style="width: 34%;height: 391px;background: #FFFFFF;">
        <SchoolDistributionChart></SchoolDistributionChart>
      </div>
      <div style="width: 64.5%;height: 391px;background: #FFFFFF;">
        <StudentTrendChart></StudentTrendChart>
      </div>
    </div> -->

    <!-- <div style="margin-top: 16px;display: flex;justify-content: space-between;">
      <div
        style="width: 58.5%;height: 1000px;display: flex;justify-content: space-between;flex-direction: column;"
      >
        <div style="width: 100%;height: 490px;background: #FFFFFF;">
          <SchoolPieChart></SchoolPieChart>
        </div>
        <div style="width: 100%;height: 490px;background: #FFFFFF;">
          <SchoolPieChart></SchoolPieChart>
        </div>
      </div>
      <div style="width: 40%;height: 1000px;background: #FFFFFF;">
        <SchoolTable></SchoolTable>
      </div>
    </div> -->
  </div>
</template>

<script>
// import TrainingPersonnel from "./components/TrainingPersonnel.vue";
// import SchoolDistributionChart from "./components/SchoolDistributionChart.vue";
// import StudentTrendChart from "./components/StudentTrendChart.vue";
// import SchoolPieChart from "./components/SchoolPieChart.vue";
// import SchoolTable from "./components/SchoolTable.vue";
// import SchoolType from "./components/SchoolType.vue";

export default {
  components: {
    // TrainingPersonnel,
    // SchoolDistributionChart,
    // StudentTrendChart,
    // SchoolPieChart,
    // SchoolTable,
    // SchoolType
  },
  data() {
    return {};
  },
  mounted() {},

  methods: {}
};
</script>

<style></style>
